<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <!-- 主要I是强制让文档的宽度与设备宽度保持1:1，最大宽度1.0，禁止屏幕缩放。 -->
    <meta content="yes" name="apple-mobile-web-app-capable">
    <!-- //这个也是iphone私有标签，允许全屏浏览。 -->
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <!-- //iphone的私有标签，iphone顶端状态条的样式。 -->
    <meta content="telephone=no" name="format-detection">
    <!-- //禁止数字自动识别为电话号码，这个比较有用，因为一串数字在iphone上会显示成蓝色，样式加成别的颜色也是不生效的。 -->
    <meta content="email=no" name="format-detection">
    <title>用户消息详情</title>
    <style>
        html{ -webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
        body{overflow-x: hidden; font-size:12px; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;
            /*font-family:Helvetica Neue",​Helveti...YaHei",​Arial,​sans-serif;*//*手机字体*/
        }
        *{
            box-sizing:border-box;
            -o-box-sizing:border-box;
            -ms-box-sizing:border-box;
            -webkit-box-sizing:border-box;
            -moz-box-sizing:border-box;
        }
        a{outline:none; text-decoration:none;}a:hover{ text-decoration:underline;}

        html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;}

        /*设置margin和padding为0*/
        body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

        table{/*border-collapse:collapse;border-spacing:0;*/}

        fieldset,a img{border:0;}
        address,caption,cite,code,dfn,em,th,var，i{font-style:normal;font-weight:normal;}
        li{list-style:none;} caption,th{text-align:left;}

        h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

        q:before,q:after{content:'';}

        input[type="submit"],input[type="reset"],input[type="button"],input[type=date],button,select{
            appearance:none;
            -moz-appearance:none; /* Firefox */
            -webkit-appearance:none; /* Safari 和 Chrome */
            /*去掉苹果的默认UI来渲染按钮 、解决部分手机浏览器对border：none无效办法*/
        }　input::-webkit-input-placeholder{　　color:#aaa;

                 /*所用的input的占位符placeholder的字体颜色*/

         }/*input:focus::-webkit-input-placeholder{color:#EEEEEE;}*//*所用的input的占位符placeholder的字体颜色*/
        .content_all{
            width:100%;
            height:100%;
            float:left;
            padding:0 0.2rem 0.4rem 0.2rem;
        }
        .content_title{
            width:100%;
            float:left;
            padding:0.2rem 0;
            border-bottom:1px solid #666;
        }
        .content_title h1{
            width:100%;
            float:left;
            text-align:center;
            font-size:0.5rem;
            color:#333;
        }
        .content_title h2{
            width:100%;
            float:left;
            text-align:center;
            font-size:0.32rem;
            color:#666;
        }
        .content_title h3{
            width:100%;
            float:left;
            text-align:center;
            font-size:0.28rem;
            color:#999;
        }
        .content_nr{
            width:100%;
            float:left;
        }
        .content_nr p{
            width:100%;
            line-height:0.4rem;
            color:#666;
            font-size:0.28rem;
            margin:0.2rem 0;
            float:left;
        }
        .content_nr img{
            max-width:100%;
            float:left;
            margin:0.1rem 0;
        }
    </style>
    <script>
        ;(function() {
            if (!-[1, ]) {
                return 0;
            };
            var html = document.getElementsByTagName('html')[0];
            var script = document.getElementsByTagName('script')[0];
            //参数
            var psd_w = script.getAttribute('fu-psd');
            var _min = script.getAttribute('fu-min');
            var _max = script.getAttribute('fu-max');
            var full = script.getAttribute('fu-full');
            //常量
            var win = window;
            var doc = document;
            var dpr = window.devicePixelRatio || 1;
            var screen = win.screen;
            //手机宽高比 短:高
            var ratio = Math.min(screen.width, screen.height) / Math.max(screen.width, screen.height);
            //与FreeUi框架会师
            win.FreeUi = win.FreeUi || {};
            FreeUi['Rem'] = _rem;

            function _rem(psd_w, _min, _max, full) {
                var win = window;
                //设计稿宽
                var psd_w = Number(psd_w) || 640;
                //手机实际物理像素宽
                var win_w = html.getBoundingClientRect().width;
                //短的width
                if (!full) {
                    var angle = window.screen.orientation ? window.screen.orientation.angle : 0;
                    var orientation = win.orientation || angle || 0;
                    if (orientation == 90 || orientation == -90) {
                        //横屏
                        win_w = win_w * ratio;
                    };

                };
                var size = 100 / (psd_w / win_w);
                var _min = Number(_min) || 50;
                var _max = Number(_max) || 100;
                size = size >= _max ? _max : size;
                size = size <= _min ? _min : size;
                if(html.style.fontSize != size+'px'){
                    html.style.fontSize = size + 'px';
                };
                return size;
            };
            //立即执行
            var size = _rem(psd_w, _min, _max, full);
            //某些低性能安卓机延迟0.3s执行
            var _t = setTimeout(function() {
                _rem(psd_w, _min, _max, full);
            }, 300);

            //窗口改变
            var ua= navigator.userAgent;
            var is_orientation = Boolean('orientation' in win) && Boolean(ua.match(/iPhone|iPod|Android|ios|iPad|Windows Phone/));
            var event = is_orientation ? 'orientationchange' : 'resize';
            var time = is_orientation ? 300 : 100;
            if (!is_orientation || full) {
                win.addEventListener(event, function() {
                    clearTimeout(_t);
                    var _t = setTimeout(function() {
                        _rem(psd_w, _min, _max, full);
                    }, time)
                }, false);
            };
            //窗口显示
            win.addEventListener('pageshow', function() {
                _rem(psd_w, _min, _max, full);

            }, false);
            //文档加载完成
            if ("complete" === doc.readyState) {
                _rem(psd_w, _min, _max, full);
            };
            doc.addEventListener("DOMContentLoaded", function() {
                _rem(psd_w, _min, _max, full);
            }, false);
        })();
    </script>
</head>
<body>
<div class="content_all" style="width:100%;float:left;">
    <div class="content_title">
        <h2>用户消息详情</h2>
    </div>
    <div class="content_nr">
        <p>&nbsp;&nbsp;&nbsp;&nbsp;{$message}</p>
    </div>
</div>
</body>
</html>